.c-content
  .bread-nav
    border-bottom none
  .c-prod-detail
    // padding 1em
    .c-prod-name
      h3
        background #f9f9f9
        padding 0.8em 0
        text-align center
        font-size 1.6em
    .c-prod-base-info
      padding 40px
      border 1px solid #eee
      border-radius 3px
      border-radius 5px
      .c-base-left
        box-sizing border-box
        padding-top 1em
        border-right 1px solid #eee
        .c-base-left-top-pc
          p
            span
              color #fd7140
              font-family '微软雅黑'
              &:nth-child(1)
                font-size 2em
                font-weight 500
          span
            padding-top 0.94
            color #666
        .c-base-left-top-mb
          display none
          div
            font-size 0.94em
            padding .6em 0
            .c-span-left
              color #666
              text-align right
              width 18%
              display inline-block
            .c-span-right
              color #333
              padding-left 2em
        .c-base-left-bottom
          padding-top 1.4em
          div
            font-size 0.94em
            padding .6em 0
            .c-span-left
              color #666
              text-align right
              width 20%
              display inline-block
            .c-span-right
              color #333
              padding-left 2em
          .c-base-left-bottom-left
            div
              .c-span-left
                width auto
                text-align left

      .c-base-right
        padding-top 4.5em
        text-align center
        div
          width 80%
          margin 0 auto
          border-radius 5px
          font-size 0.9em
          padding 0.8em 0
        .c-tzqd
          text-align left
          border 1px solid #eee
          margin-bottom 1em
          span
            color #c1c1c1
            display inline-block
            &:nth-child(1)
              text-align left
              padding-left 0.6em
              width 60%
            &:nth-child(2)
              text-align right
              padding-right 0.6em
              width 30%
          input
            border none
            padding-left 0.6em
            width 62%
            &:focus
              outline none

    .c-prod-tab-info
      border 1px solid #eee
      border-radius 3px
      margin-top 2em
      width 100%
      min-height 30em
      .c-prod-tab
        .c-tab-nav
          ul
            li
              border-bottom 1px solid #eee
              border-right 1px solid #eee
              float left
              padding 0.9em 2.2em
              font-size 1.2em
              color #333
            .c-tab-right
              float right
              height 3.75em
              border-bottom 1px solid #eee
            .cur-tab-nav
              border-bottom none
              border-top 2px solid #ffa202
        .c-tab-nav-mb
          display none
          div
            border-bottom 1px solid #eee
            border-right 1px solid #eee
            padding 0.9em 0.2em
            font-size 1em
            color #333
            box-sizing border-box
            text-align center
          .cur-tab-nav
            border-bottom none
            border-top 2px solid #ffa202
        .clearfloat
          clear both
        
        .c-detail-tab
          padding 0 2em 2em
          h4
            padding 1.5em .6em 0.98em
            color #333
            font-weight 600
          .data-row
            border-bottom 1px solid #eee
            span
              padding 1em
              display inline-block
              font-size 0.9em
            .left
              background #fff7f0
              width 27%
              text-align right
              color #666
            .right
              color #333
          p
            color #888
            padding-left 1.8em
            font-size 0.9em
            line-height 1.8em
      
      .c-net-tab
        padding 1em 2em
        text-align center
        .c-net-tab-header
          background #eee
          text-align center
          color #333
          font-size 0.96em
          .c-th
            padding 0.9em 0
        table
          width 100%
          border none
          tr,th,td
            border none
          tr
            border-bottom 1px solid #eee
            color #333
            &:nth-child(even)
              background #F6F6F6
            td
              padding 1em 0
          .c-minus-rate
            color #158c1e
          .c-positive-rate
            color #ff1800

      .c-notice-tab,.c-law-tab
        padding 1em 3em
        .article-list
          font-size 0.9em
          padding-top 1.4em
          li
            font-size 1.2em
            line-height 3em
            padding 0
            border-bottom 1px solid #eee
            a
              display block
              overflow hidden
              position relative
              zoom 1
              .article-title
                display block
                line-height 3em
                color #333
                padding-left 3%
                padding-right 18%
                overflow hidden
                white-space nowrap
                text-overflow ellipsis
                text-align left
                position relative
                font-size 0.9em
                &:hover
                  text-decoration underline
                  cursor pointer
                &:after
                  position absolute
                  width 8px
                  height 7px
                  left 3px
                  top 22px
                  content ''
                  background url('./img/libg.png') no-repeat left center
              .publish-date
                float right
                color #888
                position absolute
                right 0
                top 0
            .clearfix:before, .clearfix:after
              content ""
              display table
              clear both 

  // 风险等级不匹配提示
  .risk-tips-cont
    position relative
    min-height 37.5em
    width 60em
    margin 0 auto
    text-align center
    padding-top 1em
    .c-risk-tips-img
      width 100%
      height 7.82em
      background url('img/riskErr.png') center 0 no-repeat
    .risk-tips
      display block
      font-size 28px
      font-weight bold
      color #666
      padding 1.25em 0
    .risk-reason
      background #f3f8fb
      text-align left
      width 36em
      margin 0 auto
      .risk_l
        color #666666
        font-size 0.9em
        padding 0 1.25em
        .risk_level
          color #ff6600
          margin-left 0.3125em
          margin-right 0.3125em
      p
        color #666666
        font-size 0.9em
        padding 0 1.25em
        margin 1em 0
        span.quest_surv
          color #008fc7
          margin-left 0.3125em
          margin-right 0.3125em
        span.risk_level
          color #ff6600
          margin-left 0.3125em
          margin-right 0.3125em
        span.product_name
          color #008fc7
          margin-left 0.3125em
          margin-right 0.3125em
        span.prod_tzqx, .user_tzqx, .prod_tzpz, .user_tzpz
          color #ff6600
          margin-left 0.3125em
          margin-right 0.3125em

      p.first
        padding 0.75em 1.25em 0
      p.last
        padding 0 1.25em 0.75em

    .go_link
      line-height 2.5em
      height 2.5em
      text-align center
      padding 2.5em 0 6.25em
      a
        display inline-block
        width 98px
        height 40px
        line-height 40px
        text-decoration none
        cursor pointer
      .link_rerisk
        margin-right 20px
        color white
        background-color #f5620b
        &:hover
          background-color #f03f07
          cursor pointer
      .link_back
        background-color #30b287
        color white
        &:hover
          background-color #1f975d
          cursor pointer
    .xuxian
      border-top 1px dashed #cccccc
      height 1px
      overflow hidden

// 显示更多
.c-view-more
  padding 2em 0 2em
  a
    padding 0.6em 0
    display block
    text-align center
    background #f3f3f3
    span
      color #333
      font-weight 400
    &:hover
      text-decoration none
      background-color rgba(206,210,218,0.6)

// 风险等级颜色变化
.riskL1
  color #54B849
.riskL2
  color #18AFF5
.riskL3
  color #F6C91F
.riskL4
  color #FE950D
.riskL5
  color #FF5405

// 清除em标签倾斜
em
  font-style normal

// 公共样式
div, p, span, li, a, h3, td, th
  font-family "Microsoft YaHei"

// 清除浮动
.c-clearfix
  clear both

@media (min-width: 701px)
  .c-prod-detail
    padding 1em

@media (max-width: 700px)
  .c-content
    .c-prod-detail
      .c-prod-name
        h3
          font-size 1.2em
          font-weight 600
          padding 0.4em 0
      .c-prod-base-info
        padding 0 0.6em
        border none
        .c-base-left
          padding-top 0
          border-right none
          .c-base-left-top-pc
            display none
          .c-base-left-top-mb
            display block
            border-bottom 1px solid #eee
            div
              .c-span-left
                width 25%
              .c-span-right
                color #fd7140
                font-size 1.2em
                padding-left 1em
          .c-base-left-bottom
            padding-top 0
            div
              .c-span-left
                width 25%
              .c-span-right
                padding-left 1em
            .c-base-left-bottom-left
              padding-bottom 0
              div
                .c-span-left
                  width 25%
                  text-align right
            .c-base-left-bottom-right
              padding-top 0
        
        .c-base-right
          padding-top 0.5em
          div
            width 100%

      .c-prod-tab-info
        border none
        margin-top 1em
        padding-bottom 1em
        .c-prod-tab
          .c-tab-nav
            ul
              display none
          .c-tab-nav-mb
            display block
          
          .c-detail-tab
            padding 0
            .data-row
              span
                padding 1em 0
              .right
                padding-left 0.6em
        
        .c-net-tab
          padding 1em 0 0
        .c-notice-tab,.c-law-tab
          padding 1em 0 0

// 暂无数据提示
.c-law-tip, .c-net-tip, .c-notice-tip
  text-align left
  p
    font-size 14px
    color #888
    padding-left 10px

@media (max-width: 1000px) and (min-width: 601px)
  .c-content
    .c-prod-detail
      .c-prod-tab-info
        .c-notice-tab,.c-law-tab
          padding 0
          .article-list
            padding 0% 8% 0%
            font-size 14px
          .publish-date
            font-size 14px

@media (max-width: 800px) and (min-width: 601px)
  .c-content
    .risk-tips-cont
      width 100%
      .c-risk-tips-img
        height 5.88em
        background url('img/riskErrYd.png') center 0 no-repeat
      .risk-tips
        font-size 1.4em
        padding 0.9em 0
      .risk-reason
        width 100%
        font-size 0.875em
      .go_link
        padding 2.5em 0

@media (max-width: 600px) and (min-width: 320px)
  .c-content
    .c-prod-detail
      .c-prod-tab-info
        .c-notice-tab,.c-law-tab
          .article-list
            padding 5% 5% 5%
            li
              a
                .article-title
                  width 90%
                  padding 0 5%
                  overflow hidden
                  white-space nowrap
                  text-overflow ellipsis
                  font-size 14px
                .publish-date  
                  float right
                  position relative
                  top -.2em
                  font-size 12px

    .risk-tips-cont
      width 100%
      min-height 20em
      .c-risk-tips-img
        height 5.88em
        background url('img/riskErrYd.png') center 0 no-repeat
      .risk-tips
        font-size 1.4em
        padding 0.9em 0
      .risk-reason
        width 100%
        font-size 0.875em
      .go_link
        padding 2.5em 0

  .c-cpgl
    float left
  .c-cpglr
    float left
    width 70%

  .c-cpfl, .c-cptzfw, .c-zrgz
    p
      &:nth-child(1)
        padding 0 0.7em 0 1em !important

  .c-detail-tab
    .data-row
      .left
        text-align center !important